<!-- 继承模板 -->
{%extends "base.html" %}

<!-- css 样式 -->
{% block css%}
#spider {
    margin:50px;
}
li > span.key {
    width:100px;
}
.spider_info {
    float:left;
    padding:15px;
    maging-bottom:10px;
    border:1px solid #000;
}
.spider_operate {
    float:left;
    padding-right:10px;
}
.lst-task {
    clear:both;
    margin-top:5px;
    padding-top:20px;
}
{% endblock %}

<!-- 内容 -->
{% block content %}
<!-- 添加爬虫 -->
<div id="spider">
    <div class="spider_info">
        <ul>
        {% for key, value in kv %}
        <li><span class="key">{{key}}</span>：<span class="value">{{value}}</span></li>
        {% endfor %}
        </ul>
    </div>
    <div class="spider_operate">
        <ul>
            <li><a href="#" >修改</a></li>
            <li><a href="#">删除</a></li>
        </ul>
    </div>
    <div class="lst-task">
        <p><a href="#">添加任务</a></p>
        <ul>
            <li><span>任务1</span>&nbsp;&nbsp;<span>删除</span>&nbsp;&nbsp;<span>启动</span></li>
            <li><span>任务2</span>&nbsp;&nbsp;<span>删除</span>&nbsp;&nbsp;<span>启动</span></li>
            <li><span>任务3</span>&nbsp;&nbsp;<span>删除</span>&nbsp;&nbsp;<span>启动</span></li>
        </ul>

    </div>
</div>

{% endblock %}